export const initialNodes = [
  {
    id: "A",
    type: "group",
    data: { label: null },
    ariaLabel: "A",
    position: { x: 0, y: 0 },
    style: {
      width: 170,
      height: 140,
    },
  },
  /**
   * 1子流可以是单独的流，
   * 2子流可以是与其父节点之外的其他节点连接的流
   */
  {
    id: "A-1",
    type: "input",
    data: { label: "child node 1" },
    position: { x: 10, y: 10 },
    parentId: "A", // 使用该parentId选项将一个节点添加到另一个节点只会执行一项操作：它会将子节点相对于其父节点进行定位
    extent: "parent",
  },
  {
    id: "A-2",
    data: { label: "child node 2" },
    position: { x: 10, y: 90 },
    parentId: "A",
    extent: "parent",
  },
  // {
  //   // 可以将子节点拖动或定位到其父节点之外,
  //   id: "A-3",
  //   data: { label: "child node 3" },
  //   position: { x: 10, y: 170 },
  //   parentId: "A",
  // },
  {
    id: "B",
    type: "output",
    position: { x: -100, y: 200 },
    data: null,
    style: {
      width: 170,
      height: 140,
      backgroundColor: "rgba(240,240,240,0.25)",
    },
  },
  {
    id: "B-1",
    data: { label: "Child 1" },
    position: { x: 50, y: 10 },
    parentId: "B",
    extent: "parent",
    draggable: false,
    style: {
      width: 60,
    },
  },
  {
    id: "B-2",
    data: { label: "Child 2" },
    position: { x: 10, y: 90 },
    parentId: "B",
    extent: "parent",
    draggable: false,
    style: {
      width: 60,
    },
  },
  {
    id: "B-3",
    data: { label: "Child 3" },
    position: { x: 100, y: 90 },
    parentId: "B",
    extent: "parent",
    draggable: false,
    style: {
      width: 60,
    },
  },
  {
    id: "C",
    type: "output",
    position: { x: 100, y: 200 },
    data: { label: "Node C" },
  },
];
